var gulp = require("gulp"),
	webserver = require("gulp-webserver"),//服务器
	livereload = require("gulp-livereload"),//导入
	sass = require("gulp-ruby-sass"),//scss的模块
	uglify = require("gulp-uglify"),
	rename = require("gulp-rename");
	// sourcemaps = 
	//自动页面刷新
	gulp.task("webserver",function(){//webserver是自动刷新的名字，随便起
		gulp.src("dest")//读取文件源文件路径
		.pipe(webserver({//webserver是引用的模块
			livereload:true,//开启服务器
			open:true//打开index.html  也可以写成open ：xxx.html;
		}))//管道流
	})

	//js
	gulp.task("js",function(){
		return gulp.src("src/js/*.js")
		.pipe(uglify())//压缩
		.pipe(rename({suffix:"min"}))//从命名
		.pipe(gulp.dest("dest/js"))//输出
	})
	
	
//把html文件从开发环境发布到发布环境
gulp.task("html",function(){
	return gulp.src("src/**/*.html")//开发环境中的html
	.pipe(gulp.dest("dest"))//输出路径
})


//监听
gulp.task("watch",function(){
	gulp.watch("src/**/*.html",["html"])//监听 ["html"]是上面的执行html发布任务  watch是监听API
	gulp.watch("src/css/*.scss",["sass"])//监听css
	gulp.watch("src/js/*.js",["js"])
})

//sass编译
gulp.task("sass",function(){//起名sass
	return sass("src/css/*.scss",{style:"compressed"})
	.on("error",function(err){
		console.log(err);
	})
	.pipe(gulp.dest("dest/css"))
})

gulp.task("default",["webserver","html","watch","sass","js"]);//webserver是自动刷新的名字，随便起